<template>
  <div>
    <el-row style="height: 840px;">
      <!--<search-bar></search-bar>-->
      <el-tooltip effect="dark" placement="right"
                  v-for="item in books"
                  :key="item.id">
        <p slot="content" style="font-size: 14px;margin-bottom: 6px;">{{item.title}}</p>
        <p slot="content" style="font-size: 13px;margin-bottom: 6px">
          <span>{{item.author}}</span> /
          <span>{{item.date}}</span> /
          <span>{{item.press}}</span>
        </p>
        <p slot="content" style="width: 300px" class="abstract">{{item.abs}}</p>
        <el-card style="width: 135px;margin-bottom: 20px;height: 233px;float: left;margin-right: 15px" class="book"
                 bodyStyle="padding:10px" shadow="hover">
          <div class="cover">
            <img :src="item.cover" alt="封面">
          </div>
          <div class="info">
            <div class="title">
              <a href="">{{item.title}}</a>
            </div>
          </div>
          <div class="author">{{item.author}}</div>
        </el-card>
      </el-tooltip>
    </el-row>
    <el-row>
      <el-pagination
        :current-page="1"
        :page-size="10"
        :total="20">
      </el-pagination>
    </el-row>
  </div>
</template>

<script>
  export default {
    name: 'Books',
    data () {
      return {
        books: [
          {
            cover: 'https://pic.baike.soso.com/p/20140415/20140415223109-1963943229.jpg',
            title: '编译原理',
            author: '陈意云主编',
            date: '2014',
            press: '北京高等教育出版社',
            abs: '《编译原理》是为计算机、软件工程专业大三学生开设的专业课程，热忱欢迎同学们通过中国大学MOOC平台学习本课程！单周发布一讲，双周发布两讲。发布时间为每周一上午8：00。每一讲单元测试完成时间截止周二23:00。请大家及时登陆学习与完成测试。本课程内容主要基于以下教材与参考书：《编译原理第三版》，陈意云、张昱主编，北京：高等教育出版社，2014。Alfred V. Aho, Monica S. Lam, Ravi Sethi, Jeffrey D. Ullman. Compilers: Principles, Techniques and Tools (Second Edition). Pearson Education, Inc. 2006.Alfred Aho ect. 《编译原理》本科教学版，赵建华等译，机械工业出版社，2010.3。编译原理 ISBN：978-7-04-029058-5主编：蒋宗礼 姜守旭 高等教育出版社。 另外，课件中的内容还参考了以下一些文献：编译原理 李建中 姜守旭译 机械工业出版社程序设计语言编译方法 肖军模编著 大连理工大学出版社如果同学们对课件或习题中的内容存在任何疑问，可以在讨论区中发帖进行讨论。为方便大家检索相关问题，请在标题中注明是关于哪一讲（哪一题）的问题。谢谢！最后祝大家学习愉快！'
          },
          {
            cover: 'https://cdn.5ibc.net/book/thumb/0c/6b/201510282303067071.jpg',
            title: '操作系统',
            author: '费翔林主编',
            date: '2014-02',
            press: '北京高等教育出版社',
            abs: '《编译原理》本课程将全面系统地介绍操作系统的基本理论与最新原理，包括操作系统内部工作过程与结构及相关概念、技术和理论，并作为实例介绍最新主流操作系统Windows和Linux的工作原理。具体地讲，本课程首先概述操作系统的基本概念、基本功能及研究操作系统的方法；然后以进程为主线，按资源分别讨论操作系统对处理机、存储器、信息、外部设备的管理。理论内容主要分为操作系统概述、进程管理、存储管理、设备管理、文件管理系统五大部分。在各章节中会介绍当前主流操作系统Windows和Linux的各部分功能及实现作为实例，以求学生对操作系统的基本理论和原理能够融会贯通。'
          }
      ]
      }
    }
  }
</script>

<style scoped>
  .cover {
    width: 115px;
    height: 172px;
    margin-bottom: 7px;
    overflow: hidden;
    cursor: pointer;
  }

  img {
    width: 115px;
    height: 172px;
    /*margin: 0 auto;*/
  }

  .title {
    font-size: 14px;
    text-align: left;
  }

  .author {
    color: #333;
    width: 102px;
    font-size: 13px;
    margin-bottom: 6px;
    text-align: left;
  }

  .abstract {
    display: block;
    line-height: 17px;
  }

  a {
    text-decoration: none;
  }

  a:link, a:visited, a:focus {
    color: #3377aa;
  }
</style>
